<!DOCTYPE html>
<html lang="en" ng-app="music">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>music_app</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">

    <script type="text/javascript" src="js/angular-1.5.7.min.js"></script>
    <script type="text/javascript" src="js/angular-ui-router.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

</head>
<body>
    <div class="centainer row" ng-controller="login">

        <img class="img-share img-circle" src="images/music.png" alt="music_icon">

        <form method="post" class="form-group" name="loginInfo" ng-submit="save()">

            <input type="text" name="name" class="form-control input_login input_login_1" placeholder="账号" ng-model="login.name" required ng-class="{'error':loginInfo.name.$touched}">

            <input type="password" name="password" ng-model="login.password" id="input_2" class="form-control input_login input_login_2" placeholder="密码" required ng-class="{'error':loginInfo.password.$touched}">
            <img  src="images/eye_close.png" class="eye col-md-offset-2" ng-show="isShow" ng-init="isShow=true" ng-click="trun()">
            <img  src="images/eye_open.png" class="eye col-md-offset-2" ng-show="isHide" ng-init="isShow=true" ng-click="trun()">

            <button type="submit" class="btn btn_login">提交</button>

        </form>

        <div class="forgottenStyle">
            <img src="images/lock.png" alt="lock">
            <span>Forgotten&nbsppassword?</span>
        </div>

        <div class="CreatStyle">
            <img src="images/person.png" alt="person">
            <span>Creat&nbspyour&nbspaccount</span>
        </div>

    </div>
</body>
</html>